ul.fd_r{
    width: 62px;
    position: fixed;
    top: 310px;
    z-index: 9999;
}
ul.fd_r li{
    width: 60px;
    height: 60px;
    float: left;
    border: 1px solid #dcdcdc;
    margin: 0 0 10px 0;
    font-size: 12px;
    position: relative;
}
ul.fd_r li.bg1{
    background:#f2f2f2 url(../img/fd_r11.png) center 10px no-repeat;
}
ul.fd_r li.bg1:hover{
    background:#2866a1 url(../img/fd_r1_a.png) center 10px no-repeat;
}
ul.fd_r li.bg2{
    background:#f2f2f2 url(../img/fd_r2.png) center 10px no-repeat;
}
ul.fd_r li.bg2:hover{
    background:#2866a1 url(../img/fd_r2_a.png) center 10px no-repeat;
}
ul.fd_r li.bg3{
    background:#f2f2f2 url(../img/fd_r3.png) center 10px no-repeat;
}
ul.fd_r li.bg3:hover{
    background:#2866a1 url(../img/fd_r3_a.png) center 10px no-repeat;
}
ul.fd_r li.bg4{
    background:#f2f2f2 url(../img/fd_r4.png) center 10px no-repeat;
}
ul.fd_r li.bg4:hover{
    background:#2866a1 url(../img/fd_r4_a.png) center 10px no-repeat;
}
ul.fd_r li.bg5{
    background:#f2f2f2 url(../img/fd_r5.png) center 10px no-repeat;
}
ul.fd_r li.bg5:hover{
    background:#2866a1 url(../img/fd_r5_a.png) center 10px no-repeat;
}
ul.fd_r li a{
    display: block;
    width: 60px;
    float: left;
    padding: 35px 0 0 0;
    text-align: center;
}
ul.fd_r li a:hover{
    color: #fff;
}

.right-nav{position: fixed;left:35px;top:310px;z-index: 9999;}
.right-nav li{ margin-bottom: 10px;background-color: #f2f2f2;width: 60px;height: 60px;}
.right-nav li a{ display: block; background-color: #f2f2f2; text-align: center;}
.right-nav li a:hover{ color: #fff; background-color: #006EAB;}
.right-nav li i{ color: #74ACD6; font-size:26px;line-height: 60px; }
.right-nav li a:hover i{ color: #fff;}
.show-ewm{position: absolute;opacity: 0;z-index: -1;filter: alpha(opacity=0);width: 140px;height: 130px;left:-50px;display: none;}
.right-nav li .ewm1{background: url(../img/phpj211.png) no-repeat;top: -34px;}
.right-nav li .ewm1 img{margin-left: 15px;margin-top: 7px;}
.right-nav li .ewm2{background: url(../img/ycbg20171.png) no-repeat; height: 88px;top:-18px; padding-top: 10px;width: 137px;padding-left: 12px;}
.right-nav li .ewm3{background: url(../img/phpj211.png) no-repeat;top: 110px;}
.right-nav li .ewm3 img{margin-left: 6px;margin-top: 7px;}


.right-nav li .bdsharebuttonbox a{margin-left: 8px;margin-top: 8px;}
.right-nav li.share {position: relative;}
.right-nav li{border: 1px solid #dcdcdc;}
.right-nav li>a{padding-top: 10px;}

.right-nav li i{line-height: 24px;}
.right-nav li p{line-height: 25px;}
#toTop{ cursor:pointer;}
@media all and (max-width: 960px) {
    .right-nav {
        display: none;
    }
}
@media screen and (min-width: 1280px) {
    .right-nav {
        left: 0px;
    }
}
@media screen and (min-width: 1366px) {
    .right-nav {
        left: 0px;
    }
}
@media screen and (min-width: 1400px) {
    .right-nav {
        left: 35px;
    }
}
@media screen and (min-width: 1680px) {
    .right-nav {
        left: 85px;
    }
}
@media screen and (min-width: 1920px) {
    .right-nav {
        left: 135px;
    }
}




ul.fd_r>li>a{
    display: block;
    width: 60px;
    float: left;
    padding: 35px 0 0 0;
    text-align: center;
}
ul.fd_r>li>a:hover{
    color: #fff;
}
.fdtc_k{
    width: 90px;
    height: 132px;
    position: absolute;
    background: url(../img/fdtc.png) no-repeat;
    right: 0px;
    top: 16px;
    background-position: left center;
    padding-right: 15px;
    /*z-index: 100;*/
   z-index: -1;
}
.fdtc_k>a.aaa{
    width: 74px;
    float: left;
    border-bottom: 1px solid #dddddd;
    line-height: 30px;
    margin: 2px 0 0 5px;
    text-align: center;
    padding-top: 0;
}
.fdtc_k>a.aaa:hover{
    color: #006eab;
}ul.fd_r li:hover>a{
    color: #fff;
}

@media all and (max-width: 960px) {
    .fd_r {
        display: none;
    }
}
@media screen and (min-width: 960px){
    .fd_r {
        right: 35px;
    }
}
@media screen and (min-width: 1280px){
    .fd_r {
        right: 0px;
    }
}
@media screen and (min-width: 1366px) {
    .fd_r {
        right: 0px;
    }
}
@media screen and (min-width: 1400px) {
    .fd_r {
        right: 35px;
    }
}
@media screen and (min-width: 1680px) {
    .fd_r {
        right: 85px;
    }
}
@media screen and (min-width: 1920px) {
    .fd_r {
        right: 135px;
    }
}